﻿<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="SapB1WebPOS._Default" %>

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <style>
        .cropcircle
        {
            width: 200px;
            height: 200px;
            border-radius: 100%;
            background: #eee no-repeat center;
            background-size: cover;
            opacity: 1.0;
            filter: alpha(opacity=100);
        }
        #image1
        {
            background-image: url("images/icons/screen.png");
        }
        #image2
        {
            /* background-image: url(http://www.voont.com/files/images/edit/7-ridiculous-ways-boost-self-esteem/happy.jpg);*/
            background-image: url("images/icons/screen.png");
        }
        #image3
        {
            background-image: url("images/icons/screen.png");
        }
        #image4
        {
            background-image: url("images/icons/screen.png");
        }
        .cropcircle:hover
        {
            opacity: 0.4;
            filter: alpha(opacity=40);
            cursor: pointer;
        }
        .fourth-effect .mask
        {
            position: absolute; /* Center the mask */
            top: 50px;
            left: 100px;
            cursor: pointer;
            border-radius: 50px;
            border-width: 50px;
            display: inline-block;
            height: 100px;
            width: 100px;
            border: 50px solid rgba(0, 0, 0, 0.7);
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            opacity: 1;
            visibility: visible;
            -moz-transform: scale(4);
            -webkit-transform: scale(4);
            -o-transform: scale(4);
            -ms-transform: scale(4);
            transform: scale(4);
            -moz-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }
        .fourth-effect:hover .mask
        {
            opacity: 0;
            border: 0px solid rgba(0,0,0,0.7);
            visibility: hidden;
        }
        .style3
        {
            font-size: 10pt;
            color: #999999;
            font-family: "Times New Roman" , Times, serif;
        }
        .style4
        {
            font-weight: bold;
            font-family: "Times New Roman" , Times, serif;
            color: black;
        }
    </style>
    <script type="text/javascript">

        $(document).ready(function () {

        });
    </script>
  <%--  <table style="width: 100%; margin-top: 60px;">
        <tr>
            <td align="center">
                <div id="image1" class="cropcircle" onclick="location.href='SalesQuotation.aspx?DocEntry=0&IsUpdate=false';">
                </div>
            </td>
            <td align="center">
                <div id="image2" class="cropcircle" onclick="location.href='SalesOrder.aspx?DocEntry=0&IsUpdate=false';">
                </div>
            </td>
            <td align="center">
                <div id="image4" class="cropcircle" onclick="location.href='SapPOS.aspx?DocEntry=0&IsUpdate=false';">
                </div>
            </td>
        </tr>
        <tr class="style5">
            <td align="center" class="style4">
                Sales Quotation
            </td>
            <td align="center" class="style4">
                Sales Order
            </td>
            <td align="center" class="style4">
              
                POS
                          
            </td>
        </tr>
        <tr class="style5">
            <td align="center" class="style4">
                &nbsp;</td>
            <td align="center" class="style4">
                &nbsp;</td>
            <td align="center" class="style4">
              
                &nbsp;</td>
        </tr>
        <tr class="style5">
            <td align="center" class="style4">
                 <div id="image3" class="cropcircle" onclick="location.href='PurchaseRequest.aspx?DocEntry=0&IsUpdate=false';">
                </div></td>
            <td align="center" class="style4">
                 <div id="image3" class="cropcircle" onclick="location.href='PurchaseOrder.aspx?DocEntry=0&IsUpdate=false';">
                </div></td>
            <td align="center" class="style4">
                <div id="image3" class="cropcircle" onclick="location.href='GoodReceiptPO.aspx?DocEntry=0&IsUpdate=false';">
                </div></td>
        </tr>
        <tr class="style5">
            <td align="center" class="style4">
                Purchase Request</td>
            <td align="center" class="style4">
                Purchase Order</td>
            <td align="center" class="style4">
                G.Receipt PO
            </td>
        </tr>
    </table>--%>
    <div style="position: absolute; bottom: 0; left: 40%; margin-bottom: 10px;">
        <span class="style3">Copyright © 2015 sapb1addon.com. All rights reserved. </span>
    </div>
</asp:Content>
